<!DOCTYPE html>
<html lang="zh-CN">

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
                div {
                        /* 只能设置水平对齐方式 */
                        /* text-align: center; */
                        /* text-align: left; */
                        text-align: right;
                        /* 本质是是让盒子里面的文字对齐 */
                        text-align: center;
                }
        </style>
</head>

<body>
        <div>我爱前端</div>
</body>

</html>